<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sis Pialang</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
	mainmenu();
	
	$('.hiden').each(function(){
		$(this).click(function(){
			$(this).parent().fadeOut("medium",function(){
				$(this).remove();
			});
		});
	});
});

function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
		},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
		});
}


</script>
</head>

<body>
<div id="menu-top">
	<div class="menu">
		<ul id="nav">
			<li><a href="#">Dashboard</a></li>
			<li><a href="#">Setting</a>
				<ul>
					<li><a href="#">User</a></li>
					<li><a href="#">Group</a></li>
					<li><a href="#">Configuration</a></li>
					<li><a href="#">Info</a></li>
				</ul>
			</li>
			<li><a href="#">Master</a>
				<ul>
					<li><a href="#">User</a></li>
					<li><a href="#">Group</a></li>
					<li><a href="#">Configuration</a></li>
					<li><a href="#">Info</a></li>
				</ul>
			</li>
		</ul>
		
		<a href="#" class="out">Logout</a>
		
		<div class="profile-user">
			Selamat Datang <a href="#">Administrator</a>, 15/12/2011
		</div>
		
	</div>	
</div>
<div id="header">
	<img src="images/logo.png" align="left" />
	<h1>PT.AA PIALANG ASURANSI</h1>
	<h5>Rukan Sentra Pemuda Kav. 15-16
		Jl. Pemuda No. 61 - Jakarta 13220</h5>
	<h5>Phone: (6221) 478 62574 (Hunting), 489 1572</h5>
	<h5>Fax: (6221) 478 62579, 489 1632 </h5>
</div>
<div id="content"> 
	<div class="top">
		<div class="title">&raquo; Master Perusahaan</div>
		<div class="action">
			<a href="#">Bug</a>	
			<a href="#">Tabel</a>
			<a href="#">Tambah</a>
		</div>
		<div class="clr"></div>
	</div>
	<div class="info">
		Silahkan Isikan data dengan benar
		<a href="#" class="hiden">X</a>
	</div>
	<div class="clr"></div>
	<div class="workarea">
		<form class="input">
		<table width="100%" class="form">
			<tr>
				<td>Nama </td>
				<td><input type="text" size="10" /></td>
			</tr>
			<tr>
				<td>Nama panggilan</td>
				<td><input type="text" size="30" /></td>
			</tr>
			<tr>
				<td>Alamat Sebaris</td>
				<td><input type="text" size="60" /></td>
			</tr>
			<tr>
				<td>Nama panggilan</td>
				<td><input type="text" size="30" /></td>
			</tr>
			<tr>
				<td>Alamat Sebaris</td>
				<td><input type="text" size="60" /></td>
			</tr>
			<tr valign="top">
				<td>Alamat Lengkap</td>
				<td>
				<textarea cols="50" rows="3"></textarea>
				</td>
			</tr>
			<tr>
				<td><input type="button" class="btn-reset" value="&laquo; Batal"/></td>
				<td><input type="button" class="btn-simpan" value="Simpan &raquo;" /></td>
			</tr>
		</table>
		</form>		
	</div>
</div>
<div id="footer">

</div>
</body>
</html>
